<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册</title>
    <link rel="stylesheet" href="css/login.css">
    <link rel="stylesheet" href="css/register.css">
    <script src="js/jquery-2.2.4.js"></script>
    <script src="js/register.js"></script>
</head>
<body>
<div class="login-nav">
    <div class="login-header">
        <div>
            <a href="#"><img src="images/logo-header.png"></a>
        </div>
        <div>
            <ul>
                <li><a href="#">登录</a></li>
                <li>&nbsp|&nbsp</li>
                <li><a href="#">注册</a></li>
            </ul>
        </div>
    </div>
    <form action="">
        <div>
            <ul>
                <li class="register-phone"><a href="#">手机号码注册</a></li>
                <li style="color: #ccc">|</li>
                <li><a href="#">账号名注册</a></li>
            </ul>
            <div class="phone">
                <i></i>
                <input type="text" name="username" value="" placeholder="手机号" >
                <span class="SJH"><i></i>输入手机号，可用于登录和找回密码</span>
            </div>
            <div class="verificantion">
                <input type="text" name="Verification" value="" placeholder="验证码">
                <span class="YZM">获取验证码</span>
                <span class="SJH"><i></i>请输入手机收到的验证码</span>
            </div>
            <div class="password">
                <input type="password" name="password" value="" placeholder="密码">
                <a href="#"><i></i></a>
                <span class="SJH"><i></i>长度为8-16个字符，区分大小写，至少包含两种类型</span>
            </div>
            <div class="remember-fixed">
                <span class="login-rem">
                    <input name="remember" id="remember" type="checkbox" value="1" style="display: none;" checked="checked">
                    <a href="#"><i class="remember-state"></i></a>
                    <span><a href="#">我已阅读并接受<i>《Flyme服务协议条款》</i></a></span>
                    <p style="color: red;margin-top: 5px;font-size: 14px">请确认已阅读并同意Flyme服务协议条款</p>
                </span>
            </div>
            <button>注册</button>
        </div>
    </form>
</div>
<footer>
    <div class="login-footer">
        <ul>
            <li><a href="#" title="关于魅族">关于魅族</a></li>
            <li>|</li>
            <li><a href="#" title="工作机会">工作机会</a></li>
            <li>|</li>
            <li><a href="#" title="联系我们">联系我们</a></li>
            <li>|</li>
            <li><a href="#" title="法律声明">法律声明</a></li>
            <li>|</li>
            <li><a href="#" title="常见问题">常见问题</a></li>
            <li>|</li>
            <li class="language"><a href="#" title="简体中文">简体中文</a></li>
        </ul>
        <ul>
            <li>客服热线</li>
            <li>400-788-3333</li>
            <li class="online"><a href="#" title="在线客服">在线客服</a></li>
        </ul>
        <ul>
            <li><a><i class="weibo"></i></a></li>
            <li><a><i class="tencent"></i></a></li>
            <li class="WC">
                <a><i class="WeChat"></i></a>
                <span class="WeChat-EWM"></span>
            </li>
            <li><a><i class="space"></i></a></li>
        </ul>
    </div>
    <div class="footer-page">
        <p>©2016 Meizu Telecom Equipment Co., Ltd. All rights reserved.
            <a href="#">备案号：粤ICP备13003602号-2</a>
            <a href="#">经营许可证编号：粤B2-20130198 营业执照</a>
            <!--<img src="images/footer-copy-1.png"><img src="images/footer-copy-2.png"><img src="images/trust-icon.png">-->
        </p>
    </div>
</footer>
</body>
</html>